.pageMessageBoard{
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.pageMessageBoardWindow{
    width: 100%;
    height: 80vh;
    margin: 0 auto;
    padding: 20px;
    opacity: .9;
}

.pageMessageBoardMesList{
    width: 100%;
    height: 93%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background: #f9f9f9;
    border-radius: 6px;
    padding: 20px;
}

.pageMessageBoardMesArea{
    widows: 100%;
    height: 6%;
    background: none;
    margin-top: 1%;
    display: flex;
}

.pageMessageBoardMesItem{
    width: 100%;
}

.pageMessageBoardMesItem>div{
    margin-bottom: 20px;
}

.pageMessageBoardMesItem>div>div{
    margin-bottom: 10px;
    color: #000;
}

.pageMessageBoardMesItem>div>label{
    display: inline-block;
    width: auto;
    background: #aaa;
    color: #fff;
    padding: 4px 6px;
    border-radius: 6px;
}

.pageMessageSuccess,.pageMessageErr{
    margin-bottom: 10px;
}

.pageMessageSuccess span{
    color: #228B22;
}

.pageMessageErr span{
    color: #f00;
}

.isn div{
    color: #228B22 !important;
}